import 'package:flutter/material.dart';
import 'package:zhou_po/assets/color.dart';
import 'package:zhou_po/component/os_svg.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: os_white,
        borderRadius: BorderRadius.circular(10),
      ),
      margin: EdgeInsets.only(left: 10, right: 10),
      padding: EdgeInsets.only(left: 25, right: 25, top: 65, bottom: 150),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Container(
            width: 80,
            height: 80,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(100),
            ),
            child: Image.asset("lib/img/logo.jpg"),
          ),
          Container(height: 15),
          Text(
            "多彩周坡·数字化平台",
            style: TextStyle(
              color: os_black,
              fontSize: 20,
              fontWeight: FontWeight.bold,
            ),
          ),
          Container(height: 10),
          Text(
            "登录后即可使用该平台的功能",
            style: TextStyle(
              color: Color(0xff777777),
              fontSize: 16,
              // fontWeight: FontWeight.bold,
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 60, vertical: 12.5),
            margin: EdgeInsets.only(top: 100),
            decoration: BoxDecoration(
              color: Color(0xff121212),
              borderRadius: BorderRadius.circular(5),
            ),
            width: MediaQuery.of(context).size.width - 100,
            child: Text(
              "一键授权手机号登录",
              textAlign: TextAlign.center,
              style: TextStyle(
                color: os_white,
                fontSize: 14,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 60, vertical: 12.5),
            margin: EdgeInsets.only(top: 15),
            width: MediaQuery.of(context).size.width - 100,
            decoration: BoxDecoration(
              color: Color(0xffeeeeee),
              borderRadius: BorderRadius.circular(5),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                os_svg(
                  path: "lib/img/wechat.svg",
                  size: 20,
                ),
                Container(width: 7.5),
                Text(
                  "微信登录",
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    color: os_black,
                    fontSize: 14,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ],
            ),
          ),
          Container(
            // padding: EdgeInsets.symmetric(horizontal: 60, vertical: 12.5),
            margin: EdgeInsets.only(top: 20),
            width: MediaQuery.of(context).size.width - 100,
            decoration: BoxDecoration(
              // color: Color(0xffeeeeee),
              borderRadius: BorderRadius.circular(5),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text(
                  "注册账号 >",
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    color: Color(0xff888888),
                    fontSize: 14,
                    // fontWeight: FontWeight.bold,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
